flack /
openpsa
| Conditions | 20 |
| Total Lines | 138 |
| Code Lines | 98 |
| Lines | 0 |
| Ratio | 0 % |
| Changes | 0 | ||
Small methods make your code easier to understand, in particular if combined with a good name. Besides, if your method is small, finding a good name is usually much easier.
For example, if you find yourself adding comments to a method's body, this is usually a good sign to extract the commented part to a new method, and use the comment as a starting point when coming up with a good name for this new method.
Commonly applied refactorings include:
If many parameters/temporary variables are present:
Complex classes like workflow.js ➔ create_dialog often do a lot of different things. To break such a class down, we need to identify a cohesive component within that class. A common approach to find such a component is to look for fields/methods that share the same prefixes, or suffixes.
Once you have determined the fields that belong together, you can apply the Extract Class refactoring. If the component makes sense as a sub-class, Extract Subclass is also a candidate, and is often faster.
| 1 | $(document).ready(function() { |
||
| 174 | function create_dialog(control, title, url) { |
||
| 175 | if ($('.midcom-workflow-dialog').is(':visible')) { |
||
| 176 | $('body').addClass('midcom-workflow-switching'); |
||
| 177 | $('.midcom-workflow-dialog .ui-dialog-content').dialog('close'); |
||
| 178 | } |
||
| 179 | |||
| 180 | var dialog, iframe, spinner, is_scrolling, |
||
| 181 | config = { |
||
| 182 | dialogClass: 'midcom-workflow-dialog', |
||
| 183 | buttons: [], |
||
| 184 | title: title, |
||
| 185 | height: 590, |
||
| 186 | width: 800, |
||
| 187 | close: function() { |
||
| 188 | control.removeClass('active'); |
||
| 189 | iframe.css('visibility', 'hidden'); |
||
| 190 | // second clause is an IE11 workaround |
||
| 191 | if (iframe[0].contentWindow && iframe[0].contentWindow.hasOwnProperty('stop')) { |
||
| 192 | iframe[0].contentWindow.stop(); |
||
| 193 | } |
||
| 194 | if ($('body').hasClass('midcom-workflow-switching')) { |
||
| 195 | $('body').removeClass('midcom-workflow-switching'); |
||
| 196 | } else { |
||
| 197 | $('body').removeClass('midcom-workflow-active'); |
||
| 198 | } |
||
| 199 | }, |
||
| 200 | open: function() { |
||
| 201 | dialog.closest('.ui-dialog').focus(); |
||
| 202 | $('body').addClass('midcom-workflow-active'); |
||
| 203 | }}; |
||
| 204 | |||
| 205 | if (control.data('dialog-cancel-label')) { |
||
| 206 | config.buttons.push({ |
||
| 207 | text: control.data('dialog-cancel-label'), |
||
| 208 | click: function() { |
||
| 209 | $(this).dialog( "close" ); |
||
| 210 | } |
||
| 211 | }); |
||
| 212 | } |
||
| 213 | |||
| 214 | // Workaround for jqueryui incompatibility between position widget & css fixed position |
||
| 215 | function keep_dialog_fixed () { |
||
| 216 | var ui_dialog = dialog.closest('.ui-dialog'), |
||
| 217 | viewport_position = ui_dialog[0].getBoundingClientRect(); |
||
| 218 | |||
| 219 | window.clearTimeout(is_scrolling); |
||
| 220 | |||
| 221 | ui_dialog.css({ |
||
| 222 | position: 'fixed', |
||
| 223 | top: viewport_position.top + 'px', |
||
| 224 | left: viewport_position.left + 'px' |
||
| 225 | }); |
||
| 226 | |||
| 227 | is_scrolling = setTimeout(function() { |
||
| 228 | ui_dialog.css({ |
||
| 229 | position: 'absolute', |
||
| 230 | top: ui_dialog.offset().top + 'px', |
||
| 231 | left: ui_dialog.offset().left + 'px' |
||
| 232 | }); |
||
| 233 | }, 500); |
||
| 234 | } |
||
| 235 | |||
| 236 | if ($('#midcom-dialog').length > 0) { |
||
| 237 | dialog = $('#midcom-dialog'); |
||
| 238 | iframe = dialog.find('> iframe'); |
||
| 239 | spinner = dialog.find('> .spinner').show(); |
||
| 240 | config.height = dialog.dialog('option', 'height'); |
||
| 241 | config.width = dialog.dialog('option', 'width'); |
||
| 242 | if ( config.width > window.innerWidth |
||
| 243 | || config.height > window.innerHeight) { |
||
| 244 | config.position = { my: "center", at: "center", of: window, collision: 'flipfit' }; |
||
| 245 | } |
||
| 246 | } else { |
||
| 247 | spinner = $('<span class="spinner">' + get_spinner_template() + '</span>'); |
||
| 248 | iframe = $('<iframe name="datamanager-dialog"' |
||
| 249 | + ' frameborder="0"' |
||
| 250 | + ' width="100%"' |
||
| 251 | + ' height="100%"' |
||
| 252 | + ' scrolling="auto"></iframe>') |
||
| 253 | .on('load', function() { |
||
| 254 | // this is only here as fallback in case dialog.js doesn't run for whatever reason |
||
| 255 | spinner.hide(); |
||
| 256 | this.style.visibility = 'visible'; |
||
| 257 | }); |
||
| 258 | |||
| 259 | dialog = $('<div id="midcom-dialog" class="has-iframe"></div>') |
||
| 260 | .append(spinner) |
||
| 261 | .append(iframe) |
||
| 262 | .on('dialogcreate', function() { |
||
| 263 | var maximized = false, |
||
| 264 | saved_options = {}; |
||
| 265 | $(this).prevAll('.ui-dialog-titlebar').on('dblclick', function() { |
||
| 266 | if (!maximized) { |
||
| 267 | saved_options.position = dialog.dialog('option', 'position'); |
||
| 268 | saved_options.width = dialog.dialog('option', 'width'); |
||
| 269 | saved_options.height = dialog.dialog('option', 'height'); |
||
| 270 | dialog.dialog('option', { |
||
| 271 | width: '99%', |
||
| 272 | height: $(window).height(), |
||
| 273 | position: {my: 'center top', at: 'center top', of: window} |
||
| 274 | }); |
||
| 275 | maximized = true; |
||
| 276 | } else { |
||
| 277 | dialog.dialog('option', { |
||
| 278 | height: saved_options.height, |
||
| 279 | width: saved_options.width, |
||
| 280 | position: saved_options.position |
||
| 281 | }); |
||
| 282 | maximized = false; |
||
| 283 | } |
||
| 284 | }); |
||
| 285 | }) |
||
| 286 | .on('dialogopen', function() { |
||
| 287 | window.addEventListener('scroll', keep_dialog_fixed, false); |
||
| 288 | }) |
||
| 289 | .on('dialogclose', function() { |
||
| 290 | window.removeEventListener('scroll', keep_dialog_fixed, false); |
||
| 291 | }) |
||
| 292 | .appendTo($('body')); |
||
| 293 | } |
||
| 294 | |||
| 295 | config.height = Math.min(config.height, window.innerHeight); |
||
| 296 | config.width = Math.min(config.width, window.innerHeight); |
||
| 297 | |||
| 298 | if (url) { |
||
| 299 | iframe.attr('src', url); |
||
| 300 | } |
||
| 301 | |||
| 302 | control.addClass('active'); |
||
| 303 | if ( control.parent().attr('role') === 'gridcell' |
||
| 304 | && control.closest('.jqgrow').hasClass('ui-state-highlight') === false) { |
||
| 305 | //todo: find out why the click doesn't bubble automatically |
||
| 306 | control.parent().trigger('click'); |
||
| 307 | } |
||
| 308 | |||
| 309 | make_dialog(dialog, config); |
||
| 310 | dialog.dialog("instance").uiDialog.draggable("option", "containment", false); |
||
| 311 | } |
||
| 312 | |||
| 345 |
Loading history...